<div class="jumbotron">
    <div>
        Event ID: <input ng-model="event.objectId">
    </div>
    <div>
        <button class="btn btn-primary" ng-click="getLikes()">Get likes</button>
    </div>
    <div ng-if="likes.results">
        <strong>Total likes:{{likes.results.length}}</strong>
    </div>
    <div>
        <button class="btn btn-success" ng-click="startContest()" ng-show="finishedLoadingLikes">Start contest</button>
    </div>
    <div class="likes_container">
        <div class="people_container">
            <div class="row" ng-repeat="like in likes.results | orderBy:'-percentFinished'">
                <div class="col-sm-3 text-info">
                    <img class="profile_pic" ng-src="{{like.picture.data.url}}"> {{like.name}}
                </div>
                <div class="col-sm-9 progress_bar_container">
                    <span class="car_container" ng-style="{'float':'left','width':like.percentFinished>0 ?like.percentFinished+'%':'auto'}">
                        <img class="car_img" src="../images/car2.png">
                    </span>
                    <span ng-style="{'float':'right'}">
                    &nbsp
                    </span>
                </div>
            </div>
        </div>
    </div>

</div>

</div>
